//自定义网页编辑插件
;(function($){
	
	var defaultParams = {
			//定义初始化时宽高，以屏幕宽度为基准的百分比
			defaultWidth : 10,
			defaultHeight : 10,
			defaultLeft : 0,
			defaultTop : 0,
			defaultZindex : 1
	};
	
    $.fn.deBoxPreviewer=function(params,data){
    	params.box = $(this);
		//初始化盒子
		return buildBox(params,data);
    }
    
    //新建盒子
    function buildBox(params,info){
		params.box.data("myid",info.id);
    	params.box.append($("<div class='elementsBox'></div>"));
    	var decon = $(info.detailCode);
		decon.addClass("decons");
		params.box.find(".elementsBox").append(decon);
		
		for(var i = 0; i < info.opts.length; i++){
			if(info.opts[i].type == "100"){
				if(!info.width && "width" == info.opts[i].text){
					info.width = info.opts[i].content;
				}
				if(!info.height && "height" == info.opts[i].text){
					info.height = info.opts[i].content;
				}
				if(!info.zindex && "z-index" == info.opts[i].text){
					info.zindex = info.opts[i].content;
				}
			}
		}
		
		//计算宽高等
		var stageWidth = params.stage.width();
		setBoxPropsRender(stageWidth,params.parentWidth,params.box,info.opts);
		commonParser(params,info,defaultParams,stageWidth);
		return params.box;
    }
    
})(jQuery); 